<script setup>
import componentVue from './components/component.vue';
import { useDefer } from './utils/useDefer'

const defer = useDefer()
</script>

<template>
  <div class="container">
    <div v-for="n in 200">
      <componentVue v-if="defer(n)" />
    </div>
  </div>
</template>

<style scoped>
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1em;
}
</style>
